<template>
    <div class="company-container">
        <div class="company-wrapper">
            <div>
                <company-header></company-header>
                <company-nav></company-nav>
            </div>
            <div class="company-content">
                <slot></slot>
            </div>
            <company-footer></company-footer>
        </div>
    </div>
</template>

<script>
    import CompanyHeader from './CompanyHeader'
    import CompanyNav from './CompanyNav'
    import CompanyFooter from './CompanyFooter'
    export default {
        name: "index",
        components:{ CompanyHeader,CompanyNav,CompanyFooter },
        data(){
            return {

            }
        }
    }
</script>

<style lang="scss" scoped>
    .company-container{
        background-color: #fff;
        .company-wrapper{
            width:100%;
            background:#fff url(../../assets/company-bg.png) no-repeat;
            -webkit-background-size: 100% auto;
            background-size: 100% auto;
            min-height:100vh;
            display: flex;
            flex-direction: column;
            .company-content{
                flex:auto;
            }
        }
    }
</style>